    /*
* @Author: FredWang
* @Date:   2018-06-21 11:28:14
* @Last Modified by:   FredWang
* @Last Modified time: 2018-07-06 18:07:57
*/

    @media (max-width: 768px) {
      .hidden-xs {
        display: none;
      }
      #hideMenu{
        display: none
      }
      .sidebar {}
      .page-right {
        padding-left: 0
      }
      .header .header-left {
        height: 30px;
        display: flex;
        align-items: center;
      }
      .header .header-left .logo {
        width: 52%;
        margin-left: 15px;
      }
    }

    @media (min-width: 769px) {
      .hidden-lg {
        display: none;
      }
    }

    @media (max-width: 768px) {
      .page-content {
        padding: 2rem 0rem;
      }

      .content pre,
      .content pre[class*=language-] {
        margin: .85rem -1.5rem;
        border-radius: 0;
      }
      .content:not(.custom) {
        padding: 1rem;
      }
      .content pre[class*=language-] code,
      .content pre code {
        font-size: 12px;
      }
      .sidebar {
        display: none;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
      }
      .loading {
        text-align: center;
        margin-top: 35%;
      }
      .navbar {
        padding: 0 0.5rem;
      }
      .nav-links .nav-item {
        margin-left: 0.1rem;
      }
    }
